* {
  margin: 0;
  padding: 0;
}
.details {
  width: 100%;
  padding-top: 0.01rem;
  background-color: #111111;
  padding-bottom: 0.18rem;
  position: relative;
}
.details .top_nav {
  width: 100%;
  background-color: #212631;
  height: 1.12rem;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
}
.details .top_nav .left {
  width: 2.3rem;
  height: 0.61rem;
}
.details .top_nav .left img {
  width: 2.3rem;
  height: 0.61rem;
}
.details .top_nav .content {
  font-size: 0.27rem;
  color: #fefefe;
  margin-top: 0.6rem;
  margin-left: -0.7rem;
}
.details .top_nav .right {
  width: 1.7rem;
  height: 0.61rem;
}
.details .top_nav .right img {
  width: 1.7rem;
  height: 0.61rem;
}
.details .tu {
  width: 100%;
  height: 2.93rem;
  margin-top: 1.1rem;
}
.details .tu img {
  width: 100%;
  height: 2.93rem;
}
.details .detail-box {
  width: 100%;
  background-color: #1f1f1f;
}
.details .detail {
  width: 90%;
  margin: 0 auto;
  padding-top: 0.16rem;
}
.details .detail .top-box {
  width: 100%;
  font-size: 0.3rem;
  color: #d14126;
  display: flex;
  justify-content: space-between;
}
.details .detail .top-box .right {
  font-size: 0.21rem;
  color: #969696;
}
.details .detail .top-box .right .icon-shoucang {
  font-size: 0.31rem;
  color: #969696;
  margin-right: 0.07rem;
}
.details .detail .top-box .right .icon-xiai {
  font-size: 0.31rem;
  color: #969696;
  margin-left: 0.43rem;
  margin-right: 0.22rem;
}
.details .detail .middle-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.15rem;
}
.details .detail .middle-box .left .top {
  font-size: 0.31rem;
  color: #b73b25;
}
.details .detail .middle-box .left .bottom {
  display: flex;
  margin-top: 0.59rem;
}
.details .detail .middle-box .left .bottom .yjia {
  font-size: 0.22rem;
  color: #fff;
  background-color: #434343;
  width: 0.92rem;
  height: 0.39rem;
  line-height: 0.39rem;
  text-align: center;
  border-radius: 0.05rem;
}
.details .detail .middle-box .left .bottom .zhneg {
  font-size: 0.22rem;
  color: #fff;
  background-color: #434343;
  width: 1.53rem;
  height: 0.39rem;
  line-height: 0.39rem;
  text-align: center;
  border-radius: 0.05rem;
  margin-left: 0.18rem;
}
.details .detail .middle-box .right {
  width: 1.19rem;
  height: 1.14rem;
  margin-top: 0.17rem;
}
.details .detail .middle-box .right img {
  width: 1.19rem;
  height: 1.14rem;
  border-radius: 0.1rem;
}
.details .detail .nav {
  margin-top: 0.44rem;
  font-size: 0.3rem;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.15rem;
}
.details .detail .nav .navbottom {
  color: #d14126;
  height: 0.47rem;
  border-bottom: solid 0.06rem #d14126;
}
.details .content-details {
  width: 90%;
  margin: 0 auto;
  margin-top: 0.25rem;
}
.details .content-details .content-boss {
  width: 100%;
  background-color: #1f1f1f;
  height: 2rem;
  border-radius: 0.05rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.details .content-details .content-boss .top1 {
  margin-top: -1.3rem;
}
.details .content-details .content-boss .top1 .iconfont {
  font-size: 0.24rem;
  color: #ff0000;
  margin-left: 0.4rem;
}
.details .content-details .content-boss .top1 span {
  font-size: 0.26rem;
  color: #ff0000;
  margin-left: -0.2rem;
}
.details .content-details .content-boss .top1 .cont2 {
  color: #969696;
  font-size: 0.2rem;
  margin-left: 0.77rem;
}
.details .content-details .content-boss .img0 {
  width: 1.44rem;
  height: 1.12rem;
  margin-right: 0.35rem;
}
.details .content-details .content-boss .img0 div {
  font-size: 0.25rem;
  color: #fff;
  margin-left: 0.2rem;
  margin-top: -0.2rem;
}
.details .content-details .content-boss .img0 img {
  width: 1.44rem;
  height: 1.12rem;
  border-radius: 0.05rem;
}
.details .reservation {
  width: 98%;
  height: 0.83rem;
  background-color: #d14126;
  font-size: 0.33rem;
  color: #fff;
  line-height: 0.83rem;
  text-align: center;
  margin-bottom: 0.2rem;
  border-radius: 0.8rem;
  margin: 0 auto;
}
